<ul class="pagination">
  @for (pageNumber of totalPages(); track pageNumber) {
    <li
      data-testid="pagination-item"
      class="page-item"
      [ngClass]="{ active: pageNumber === currentPage() }"
      (click)="setPage.emit(pageNumber)"
    >
      <a data-testid="pagination-link" class="page-link">{{ pageNumber }}</a>
    </li>
  }
</ul>
